/* 只需要重写你需要的即可 */
@forward 'element-plus/theme-chalk/src/common/var.scss' with (
  $colors: (
    'primary': (
      'base': #B89B7A,  // 主题色 - 淡棕色
    ),
    'success': (
      'base': #67C23A,
    ),
    'warning': (
      'base': #E6A23C,
    ),
    'danger': (
      'base': #F56C6C,
    ),
    'error': (
      'base': #F56C6C,
    ),
    'info': (
      'base': #909399,
    ),
  ),
  $text-color: (
    'primary': #5c4937,  // 主要文字 - 深棕色
    'regular': #6b5642,  // 常规文字 - 棕色
    'secondary': #8b7355,  // 次要文字 - 浅棕色
    'placeholder': #b89b7a,  // 占位符 - 淡棕色
  ),

  // 组件尺寸规范
  $common-component-size: (
    'large': 44px,
    'default': 36px,
    'small': 28px,
  ),

  // 圆角定义
  $border-radius: (
    'base': 6px,
    'small': 4px,
    'round': 20px,
    'circle': 50%,
  ),

  // 卡片组件样式
  $card: (
    'border-color': #f0f0f0,
    'border-radius': 8px,
    'padding': 20px,
    'shadow': none  // 确保默认无阴影
  ),

  // 标签样式
  $tag:(
    'border-radius': 4px,
    'border-width': 0px  // 无边框设计
  ),

  // 开关组件样式
  $switch: (
    'core-border-radius': 20px,
    'button-border-radius': 50%
  ),

  // 对话框样式
  $dialog: (
    'border-radius': 12px,
    'padding-primary': 24px,
    'margin-top': 15vh,
    'title-font-size': 18px,
    'content-font-size': 14px
  ),

  // 表单相关组件样式
  $input: (
    'border-radius': 6px,
    'border-color': #dac8b3,
    'hover-border-color': #B89B7A,
    'focus-border-color': #B89B7A,
    'font-size': 14px
  ),
  
  $form: (
    'label-font-size': 14px,
    'error-font-size': 12px,
    'label-color': #2c3e50
  ),

  // 按钮样式
  $button: (
    'border-radius': 4px,
    'border-color': #B89B7A,
    'bg-color': #ffffff,
    'hover-bg-color': #f0e6d9,
    'active-bg-color': #a58c6e,
    'hover-text-color': #B89B7A,
    'active-text-color': #ffffff
  ),

  // 菜单样式
  $menu: (
    'hover-bg-color': rgba(184, 155, 122, 0.1),
    'active-color': #B89B7A,
    'text-color': #666666,
    'hover-text-color': #B89B7A,
    'bg-color': #ffffff,
    'item-height': 48px,
  )
);

// 如果只是按需导入，则可以忽略以下内容。
// 如果你想导入所有样式:
@use "element-plus/theme-chalk/src/index.scss" as *;

.el-card {
  transition: none;
  box-shadow: none !important;
  background: #ffffff;
  
  .el-card__header {
    padding: 16px 20px;
    border-bottom: 1px solid #f5f5f5;
    font-weight: 500;
  }

  &:hover {
    transform: none;
    box-shadow: none !important;
  }

  &.is-always-shadow {
    box-shadow: none !important;  // 覆盖 always-shadow 类
  }

  &.is-hover-shadow:hover,
  &.is-hover-shadow:focus {
    box-shadow: none !important;  // 覆盖悬浮阴影
  }
}

// Switch样式优化
.el-switch {
  &.is-checked .el-switch__core {
    background: linear-gradient(45deg, #B89B7A, #dac8b3);
  }
  
  .el-switch__core .el-switch__action {
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  }
}

// Radio样式优化
.el-radio {
  .el-radio__inner {
    border-width: 2px;
    &::after {
      transform: scale(0.5);
      background-color: #ffffff;
    }
  }
  
  &.is-checked .el-radio__inner {
    background: linear-gradient(45deg, #B89B7A, #dac8b3);
    border-color: transparent;
  }
}

// Dialog现代风格
.el-dialog {
  box-shadow: none !important;
  border: 1px solid #f0f0f0;
  overflow: hidden;
  
  .el-dialog__header {
    margin: 0;
    padding: 20px 24px;
    background: #fafafa;
    
    .el-dialog__title {
      font-size: 18px;
      font-weight: 600;
      color: #2c3e50;
    }
  }
  
  .el-dialog__body {
    padding: 24px;
    color: #4a5568;
    line-height: 1.6;
  }
  
  .el-dialog__footer {
    padding: 16px 24px;
    background: #fafafa;
    border-top: 1px solid #f0f0f0;
  }
}

// 表单现代风格
.el-form {
  .el-form-item {
    margin-bottom: 24px;
    
    .el-form-item__label {
      font-weight: 500;
      color: #2c3e50;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      margin-bottom: 0;
    }
    
    .el-form-item__error {
      margin-top: 4px;
      font-size: 12px;
      color: #FF5252;
    }
  }
}

// 输入框现代风格
.el-input {
  .el-input__wrapper {
    box-shadow: 0 0 0 1px #e4e7ed inset !important;
    transition: all 0.2s ease;
    
    &:hover {
      box-shadow: 0 0 0 1px #B89B7A inset !important;
    }
    
    &.is-focus {
      box-shadow: 0 0 0 1px #B89B7A inset !important;
      background: rgba(184, 155, 122, 0.05);
    }
  }
  
  &.is-disabled .el-input__wrapper {
    background-color: #f9fafb;
    box-shadow: 0 0 0 1px #edf2f7 inset !important;
  }

  .el-input__inner {
    color: #2c3e50;
    
    &::placeholder {
      color: #a0aec0;
    }
  }
}

// 按钮间距
.el-form-item__content {
  .el-button + .el-button {
    margin-left: 16px;
  }
}

// 必填标记
.el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before {
  color: #FF5252;
}

// 按钮样式优化
.el-button {
  font-weight: 500;
  letter-spacing: 0.3px;
  
  &.el-button--primary {
    --el-button-bg-color: #B89B7A !important;
    --el-button-border-color: #B89B7A !important;
    --el-button-hover-bg-color: #c4aa8d !important;
    --el-button-hover-border-color: #c4aa8d !important;
    --el-button-active-bg-color: #a58c6e !important;
    --el-button-active-border-color: #a58c6e !important;
  }
  
  &.el-button--default {
    &:hover, &:focus {
      --el-button-hover-border-color: #B89B7A !important;
      --el-button-hover-text-color: #B89B7A !important;
      --el-button-hover-bg-color: #f8f7f5 !important;
    }
  }
}

// 标签样式优化
.el-tag {
  font-weight: 500;
  letter-spacing: 0.3px;
  height: 24px;
  line-height: 24px;
  
  &--primary {
    background: rgba(184, 155, 122, 0.1);
    border-color: #dac8b3;
    color: #B89B7A;
  }
  
  &--success {
    --el-tag-bg-color: var(--el-color-success-light-9);
    --el-tag-border-color: var(--el-color-success-light-8);
    --el-tag-hover-color: var(--el-color-success);
  }
  
  &--warning {
    background: rgba(255, 193, 7, 0.1);
    color: #FFC107;
  }
  
  &--danger {
    background: rgba(255, 82, 82, 0.1);
    color: #FF5252;
  }
}

// 表格样式优化
.el-table {
  th.el-table__cell {
    background: #fafafa;
    font-weight: 600;
    color: #2c3e50;
  }
  
  .el-table__cell {
    padding: 12px 0;
  }
}

// 分页器样式优化
.el-pagination {
  .el-pagination__total {
    color: #64748b;
  }
  
  .el-pagination__jump {
    color: #64748b;
  }
  
  button:not(:disabled) {
    color: #2c3e50;
  }
}

/* 修改链接和文字按钮样式 */
.el-button--text {
  --el-button-text-color: #B89B7A !important;
  --el-button-hover-text-color: #c4aa8d !important;
}

/* 修改输入框样式 */
.el-input {
  --el-input-hover-border-color: #B89B7A !important;
  --el-input-focus-border-color: #B89B7A !important;
}

/* 修改菜单激活状态 */
.el-menu-item.is-active {
  --el-menu-active-color: #B89B7A !important;
}

/* 修改链接颜色 */
.el-link.el-link--primary {
  --el-link-hover-text-color: #c4aa8d !important;
  --el-link-text-color: #B89B7A !important;
}

/* 确保所有主色调的地方都使用棕色 */
:root {
  --el-color-primary: #B89B7A !important;
  --el-color-primary-light-1: #c4aa8d !important;
  --el-color-primary-light-2: #cfb9a0 !important;
  --el-color-primary-light-3: #dac8b3 !important;
  --el-color-primary-light-4: #e5d7c6 !important;
  --el-color-primary-light-5: #f0e6d9 !important;
  --el-color-primary-light-6: #fbf5ec !important;
  --el-color-primary-light-7: #fdfaf6 !important;
  --el-color-primary-light-8: #fefcfa !important;
  --el-color-primary-light-9: #fffefe !important;
}

/* 改变 icon 字体路径变量，必需 */
$--font-path: 'element-plus/lib/theme-chalk/fonts';